<template>
	<div v-if="show" class="buttona">
		<div @click="m($event,0)" class="button">
			{{p.content||'立即体验'}}
		</div>
		<span @click="m($event,1)" v-show="showArrow" class="icon-jt1 arrow-bottom"></span>
	</div>
</template>

<script>
	export default {
		props:['p','showb','load'],
		name: 'buttona',
		data(){
			return {
				show:!0,
				oload:this.load||!1,
				wh:window.innerHeight,
				d:{
					showArrow:!0
				}
			}
		},
		computed:{
			showArrow(){
				var p=this.p||{}
				return p.showArrow
			}
		},
		methods:{
			m(e,index){
				var i=e.target.innerHTML;
				this.$emit('m',index);
			}
		},
		mounted(){
		}
	}
</script>

<style lang="less" scoped>
	.buttona{
		min-height:56px;
		width:170px;
		margin:auto;
		position: absolute;
		margin:auto;
		left:0;
		right:0;
		bottom:0;
		.arrow-bottom{
			color:#00d7ca;
			font-size:18px;
			bottom: 20px;
			width:16px;
			left: 0;
			right: 0;
			font-weight: 800;
		}
		.button {
			background: #00d3c9;
			width: 168px;
			height: 42px;
			line-height: 42px;
			font-size: 16px;
			border-radius: 25px;
			text-align: center;
			color: #fff;
		}
	}
</style>